page {
  width: 100%;
  min-height: 100%;
  background: #f6f6f6;
  .coupon-recv-popup-class {
    .custom-ani-class {
      width: 100%;
      max-width: 100%;
      margin: 0 auto
    }
    .wux-popup__content {
      border-radius: 0rpx;
      background-color: transparent;
    }
  }
}

.banner {
  background: #fff;
  width: 100%;
  image {
    width: 100%;
    height: 375rpx;
    display: block;
  }
  .banner-text {
    font-size: 28rpx;
    line-height: 45rpx;
    color: #666;
    padding: 30rpx;
  }
}
.banner-over {
  text-align: center;
  position: relative;
  image {
    width: 100%;
    height: 295rpx;
  }
  .banner-text {
    position: absolute;
    bottom: 49rpx;
    font-size: 28rpx;
    color: #fff;
    width: 100%;
  }
}
.question {
  margin: 30rpx auto;
  background: #fff;
  padding: 30rpx;
  .question-title {
    font-size: 30rpx;
    color: #666666;
  }
  .check-box {
    margin-top: 30rpx;
    display: flex;
    // justify-content: center;
    flex-wrap: wrap;
    padding: 0 46rpx;
    .checkbox {
      font-size: 28rpx;
      width: 50%;
      margin-bottom: 40rpx;
      color: #999;
    }
    .checkbox-two {
      width: 33.3%;
    }
  }
  .textarea-placeholder {
    font-size: 26rpx;
    color: #b2b2b2;
  }
  .opinion {
    padding: 30rpx;
    font-size: 26rpx;
    background: #f3f3f3;
    width: 90%;
    margin: 30rpx auto 0;
  }
}
.user-suggest {
  margin-bottom: 0;
}

.commit-btn {
  width: 690rpx;
  height: 90rpx;
  color: #fff;
  margin: 30rpx auto;
  font-size: 36rpx;
  background-image: linear-gradient(-130deg, #8556ff 0%, #5b4fff 100%);
  margin-bottom: 45rpx;
}

/*  重写 checkbox 样式  */
/* 未选中的 背景样式 */
checkbox .wx-checkbox-input {
  // border-radius: 50%;/* 圆角 */
  width: 28rpx; /* 背景的宽 */
  height: 28rpx; /* 背景的高 */
}
/* 选中后的 背景样式 （红色背景 无边框 可根据UI需求自己修改） */
checkbox .wx-checkbox-input.wx-checkbox-input-checked {
  background: #776dff;
  border: 1rpx solid #776dff;
}
/* 选中后的 对勾样式 （白色对勾 可根据UI需求自己修改） */
checkbox .wx-checkbox-input.wx-checkbox-input-checked::before {
  width: 28rpx; /* 选中后对勾大小，不要超过背景的尺寸 */
  height: 28rpx; /* 选中后对勾大小，不要超过背景的尺寸 */
  line-height: 28rpx;
  text-align: center;
  font-size: 24rpx; /* 对勾大小 */
  background: transparent;
  color: #fff;
  transform: translate(-50%, -50%) scale(1);
  -webkit-transform: translate(-50%, -50%) scale(1);
}
radio .wx-radio-input {
  border-radius: 8rpx; /* 圆角 */
  width: 28rpx; /* 背景的宽 */
  height: 28rpx; /* 背景的高 */
}
/* 选中后的 背景样式 （红色背景 无边框 可根据UI需求自己修改） */
radio .wx-radio-input.wx-radio-input-checked {
  border: 1rpx solid #776dff;
  background: #776dff;
  width: 28rpx; /* 背景的宽 */
  height: 28rpx; /* 背景的高 */
}
/* 选中后的 对勾样式 （白色对勾 可根据UI需求自己修改） */
radio .wx-radio-input.wx-radio-input-checked::before {
  width: 28rpx; /* 选中后对勾大小，不要超过背景的尺寸 */
  height: 28rpx; /* 选中后对勾大小，不要超过背景的尺寸 */
  border: 1rpx solid #776dff;
  color: #fff;
  line-height: 28rpx;
  border-radius: 8rpx; /* 圆角 */
  text-align: center;
  font-size: 24rpx; /* 对勾大小 */
  background: #776dff;
  transform: translate(-50%, -50%) scale(1);
  -webkit-transform: translate(-50%, -50%) scale(1);
}
